<admintpl file="header" />
<style type="text/css">
    .pic-list li {
        margin-bottom: 5px;
    }
    .label-td {
        position: relative;
    }
    .label-td .label-container {
        float: left;
        width: 93%;
        overflow: hidden;
        white-space: nowrap;
    }
    .label-td .label-select {
        float: right;
        font-size: 18px;
        display: inline-block;
        position: relative;
        padding-top: 10px;
    }
    .label-td .label-select:hover {
        color: #5bc0de;
    }
    .label-td .label-container span {
        display: inline-block;
        width: 80px;
        height: 30px;
        line-height: 30px;
        border: 1px solid #5bc0de;
        border-radius: 10px;
        text-align: center;
        margin-right: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .select_area {
        width: 40%!important;
    }

    .city_span {
        border: 1px solid #ffbd4d;
        padding: 5px 10px;
        margin-right: 5px;
        border-radius: 20px;
        width: auto!important;
    }
</style>
<script type="text/html" id="photos-item-wrapper">
    <li id="savedimage{id}">
        <input id="photo-{id}" type="hidden" name="imgs[]" value="{filepath}">
        <img id="photo-{id}-preview" src="{url}" style="height:100px;width: 100px;" onclick="parent.image_preview_dialog(this.src);">
        <a href="javascript:upload_one_image('图片上传','#photo-{id}');">替换</a>
        <a href="javascript:(function(){$('#savedimage{id}').remove();})();">移除</a>
    </li>
</script>
</head>
<body>
<div class="wrap js-check-wrap">
    <ul class="nav nav-tabs">
        <li><a href="{:U('Service/Adminindex/index')}" target="_self">服务商列表</a></li>
        <li><a href="{:U('Service/Adminindex/edit_sp', ['id' => $sp_id])}" target="_self">编辑服务商</a></li>
        <li><a href="{:U('Service/Adminindex/sp_project_list', ['id' => $sp_id])}" target="_self">项目列表</a></li>
        <li class="active"><a href="">编辑项目</a></li>
    </ul>
    <form action="{:U('Adminindex/editsp_project',array('id' => $info['id'], 'sp_id' => $sp_id))}" method="post" class="form-horizontal js-ajax-forms" enctype="multipart/form-data">
        <div class="row-fluid">
            <div class="span9">
                <table class="table table-bordered">
                    <input type="hidden" name="info[id]" value="{$info['id']}">
                    <input type="hidden" name="info[sp_id]" value="{$sp_id}">
                    <tr>
                        <th>项目名称</th>
                        <td>
                            <input type="text" name="info[name]" style="width: 400px" value="{$info.name}" placeholder="请输入项目名称">
                        </td>
                    </tr>
                    <tr>
                        <th>所在城市</th>
                        <td>
                            <div id="areaInfo">
                                <input id="city_id" type="hidden" name="city_id">
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th>简介</th>
                        <td>
                            <textarea name="info[desc]" style="width: 401px;height: 200px;" placeholder="请输入简介">{$info.desc}</textarea>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="span3">
                <table class="table table-bordered">
                    <tr>
                        <td><b>图片集</b></td>
                    </tr>
                    <tr>
                        <td>
                            <ul id="photos" class="pic-list unstyled">
                                <notempty name="info['imgs']">
                                    <foreach name="info.imgs" item="vo">
                                        <php>$img_url=sp_get_image_preview_url($vo);</php>
                                        <li id="savedimage{$key}">
                                            <input id="photo-{$key}" type="hidden" name="imgs[]" value="{$img_url}">
                                            <img id="photo-{$key}-preview" src="{$img_url}" style="height:100px;width: 100px;" onclick="parent.image_preview_dialog(this.src);">
                                            <a href="javascript:upload_one_image('图片上传','#photo-{$key}');">替换</a>
                                            <a href="javascript:(function(){ $('#savedimage{$key}').remove();})();">移除</a>
                                        </li>
                                    </foreach>
                                </notempty>
                            </ul>
                            <a href="javascript:upload_multi_image('图片上传','#photos','photos-item-wrapper');" class="btn btn-small">选择图片</a>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="form-actions">
            <button class="btn btn-primary js-ajax-submit" type="submit">提交</button>
            <a class="btn" href="{:U('Service/Adminindex/sp_project_list', ['id' => $sp_id])}">返回</a>
        </div>
    </form>
</div>

<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
<script type="text/javascript">
    //编辑器路径定义
    var editorURL = GV.WEB_ROOT;
</script>
<script type="text/javascript" src="__PUBLIC__/js/layer/layer_1.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/notify.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/area.js"></script>
<script>
    var area = {$area};
    area = eval(area);
    var areaPath = {$path ? $path : []};
    areaPath = eval(areaPath);
    $(function () {
        // 地址选择select的初始化
        initArea(2);
    })
</script>
<script type="text/javascript">
    $(function() {
        Wind.use('validate', 'ajaxForm', 'artDialog', function() {

            var form = $('form.js-ajax-forms');
            //ie处理placeholder提交问题
            if ($.browser && $.browser.msie) {
                form.find('[placeholder]').each(function() {
                    var input = $(this);
                    if (input.val() == input.attr('placeholder')) {
                        input.val('');
                    }
                });
            }
            //表单验证开始
            form.validate({
                //是否在获取焦点时验证
                onfocusout : false,
                //是否在敲击键盘时验证
                onkeyup : false,
                //当鼠标掉级时验证
                onclick : false,
                //验证错误
                showErrors : function(errorMap, errorArr) {
                    //errorMap {'name':'错误信息'}
                    //errorArr [{'message':'错误信息',element:({})}]
                    try {
                        $(errorArr[0].element).focus();
                        art.dialog({
                            id : 'error',
                            icon : 'error',
                            lock : true,
                            fixed : true,
                            background : "#CCCCCC",
                            opacity : 0,
                            content : errorArr[0].message,
                            cancelVal : '确定',
                            cancel : function() {
                                $(errorArr[0].element).focus();
                            }
                        });
                    } catch (err) {
                    }
                },
                //给未通过验证的元素加效果,闪烁等
                highlight : false,
                //是否在获取焦点时验证
                onfocusout : false,
                //验证通过，提交表单
                submitHandler : function(forms) {
                    $(forms).ajaxSubmit({
                        url : form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
                        dataType : 'json',
                        beforeSubmit : function(arr, $form, options) {
                        },
                        success : function(data, statusText, xhr, $form) {
                            if (data.status) {
                                setCookie("refersh_time", 1);
                                //添加成功
                                Wind.use("artDialog", function() {
                                    art.dialog({
                                        id : "succeed",
                                        icon : "succeed",
                                        fixed : true,
                                        lock : true,
                                        background : "#CCCCCC",
                                        opacity : 0,
                                        content : data.info,
                                        button : [ {
                                            name : '继续编辑？',
                                            callback : function() {
                                                reloadPage(window);
                                                return true;
                                            },
                                            focus : true
                                        }, {
                                            name : '返回列表页',
                                            callback : function() {
                                                location = "{:U('Service/Adminindex/sp_project_list', ['id' => $sp_id])}";
                                                return true;
                                            }
                                        } ]
                                    });
                                });
                            } else {
                                artdialog_alert(data.info);
                            }
                        }
                    });
                }
            });
        });
    });
</script>
</body>
</html>